<template>
    <!-- 明细控件-->
    <div class="widget-panel widget-layouts">
        <div class="widget-group">
            <label>{{setting[currSettingId] ? (setting[currSettingId].title ? setting[currSettingId].title : title) : title}}</label>
            <div class="info">{{description}}</div>
            <div class="ly">
                <div class="ly-row">
                    <div class="ly-it"></div>
                    <div class="ly-it"></div>
                    <div class="ly-it"></div>
                </div>
            </div>
            <div class="handles">
                <a class="hd-it hd-del" href="javascript:;">删除子表</a>
                <a class="hd-it hd-drag" href="javascript:;">拖拽子表</a>
                <a class="hd-it hd-del-col hd-unEdit" href="javascript:;">删除列</a>
                <a class="hd-it hd-add" href="javascript:;">添加列</a>
                <a class="hd-it hd-edit" href="javascript:;">编辑字表</a>
            </div>
        </div>
        <a class="ico ico-close" href="javascript:;"></a>
    </div>
    <!-- 明细控件/-->
</template>

<script>
import { mapState, mapMutations } from "vuex";
export default {
  data() {
    return {
      title: '明细控件',
      description: '明细子表的描述的描述的描述。'
    };
  },
  computed: {
    ...mapState([
        "currSettingId", "setting"
    ])
  },
  methods: {
      ...mapMutations([
          "SET_SETTING_INFO"
      ])
  }
};
</script>
